<template>
<!-- 医生详情 -->
    <div class="Re_do_deletails">
         <header class="Reg_do_deletails_header" @click="Reg_do_deletails_header">
            <!--点击返回-->
            <p class="Reg_do_deletails_back"><img src="../../../static/imgs/return.png"/></p>
            <p>{{name}}</p>
            <p></p>
        </header>
 <main>
        <section class='Reg_doctorlist_delets' v-for="doctor1 in delets"   @click="Reg_doctorlist_delets">
				<dl>
					<dt>
						<img :src='doctor1.img'/>
					</dt>
				<dd>
					<p>{{doctor1.text1}}</p>
					<p>{{doctor1.text2}}</p>
					<p>{{doctor1.text3}}</p>
				</dd>
			</dl>
		</section>
            

            <div class="Reg_doctorlist_delets_btn">
                
                选择该医生
            </div>
 </main>

    </div>
</template>
<script>
    export default {
       
        data () {
          return {
            delets: [],
            name:"医生详情"
          }
        },
         methods:{
        	Reg_do_deletails_header:function(){
        		this.$router.go(-1)
        	}
        },
        created () {
          this.$axios.get('/api/Reg_doctorlist_delets').then(rep=>{
            this.delets = rep.data.list;
          })
        }
    }
 
</script>
<style scoped lang='less'>
.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}
.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}
.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}
.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}
.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}
.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
header{
    .PxToRem(height,88);
    .PxToRem(font-size,28);
    .Flex;
    justify-content: space-between;
    align-items: center;
    background: url(../../../static/imgs/Reg_serve_bg01.jpg);
    position: fixed;
    padding-left: 2%;
    top: 0;
    width: 100%;      
    border-bottom: 1px solid #e6e6e6;
    p:nth-child(1){
        flex: 1;
        img{
            .PxToRem(width,55);
            .PxToRem(height,53);
        }
    }
    p:nth-child(2){
        flex: 6;
        .PxToRem(font-size,35);
    }
    p:nth-child(3){
        flex: 1;
    }
}
html,body{
    width:100%;
    height:100%;
}
main{
    .PxToRem(padding-top,88);
}
.Reg_doctorlist_delets{
    dl{
        .Flex;
    padding:5% 2%;
        dd{
        	.PxToRem(font-size,27); 
            .PxToRem(margin-left,25);
            p:nth-child(1){
               .PxToRem(margin-top,8);
               .PxToRem(margin-bottom,15); 
               .PxToRem(font-size,35); 
            }
            p:nth-child(2){
               .PxToRem(margin-bottom,12); 
            }
            .al{
               .PxToRem(font-size,25);  
            }
            .ccc{
                color:#ccc;
            }
        }
    }
    
}
.Reg_doctorlist_delets_btn{
    position:absolute;
    width: 90%;
    background:#1ac5a1;
    text-align: center;
    .PxToRem(font-size,30); 
    .PxToRem(border-radius,10);  
     .PxToRem(bottom,50);
     color:#ffffff;
     .PxToRem(line-height,100);
     .PxToRem(margin-left,35);


}



</style>







